/*
 *  Copyright 2024 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import (reference) '../../../styles/variables.less';

.entity-reference-list-item:last-child {
  border-bottom: none;
}
.entity-reference-list-item {
  .entity-button-icon {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    svg {
      height: 24px;
      width: 24px;
    }
  }
}

.custom-property-value-toggle-btn {
  svg {
    vertical-align: middle;
    width: 14px;
    transition: 0.3s ease-in-out;
  }
}

.custom-property-value-toggle-btn.active {
  svg {
    transform: rotate(180deg);
  }
}

.ant-tag.enum-key-tag {
  width: max-content;
  margin: 0px;
  padding: 2px 8px;
  border: 1px solid @text-color;
  background: @white;
}

.sql-query-custom-property {
  .ant-space-item:first-child {
    width: 100%;
  }
}
.custom-property-card {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
  .ant-card-body {
    overflow-x: scroll;
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .property-name {
    font-weight: 400;
  }

  .property-value {
    font-weight: 500;
  }
}

.custom-property-card-right-panel {
  overflow-x: scroll;
}

.ant-tag.time-interval-separator {
  height: 26px;
  background: @grey-1;
  padding: 4px 8px;
  border-radius: 30px;
  margin-right: 0px;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 18px;
}

.property-description {
  .markdown-parser .toastui-editor-contents {
    font-size: 13px;
  }
}

.custom-property-inline-edit-container {
  width: 100%;
  flex-wrap: wrap;
  overflow-x: scroll;

  .ant-space-item:first-child {
    width: inherit;
  }
}
